<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="Shortcut Icon" href="img/logo-min-chemical.ico">
		<title>化工学院</title>

		<!--icon-->
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />

		<!-- 公有样式 首页样式 -->
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<!--[if IE 7]>
    	<link rel="stylesheet" type="text/css" href="css/home-ie78.css"/>
    <![endif]-->
		<!--[if IE 8]>
    	<link rel="stylesheet" type="text/css" href="css/home-ie78.css"/>
    <![endif]-->

		<!-- 移动端侧滑栏 -->
		<link rel="stylesheet" type="text/css" href="css/main-mobile-sideBar.css" />

		<!-- 公有导航栏 -->
		<link rel="stylesheet" type="text/css" href="css/main-nav.css" />

		<!-- 公有列表 -->
		<link rel="stylesheet" type="text/css" href="css/main-list.css" />
		<link rel="stylesheet" type="text/css" href="css/main-list-nav.css"/>

		<!-- 私有样式 -->
		<link rel="stylesheet" type="text/css" href="css/main-article.css" />
		<link rel="stylesheet" type="text/css" href="css/main-article-nav.css" />
		<link rel="stylesheet" type="text/css" href="css/main-article-list.css" />

	</head>

	<body>
		<div class="mobile">
			<ul class="sidenav">
				<!--移动端侧滑栏，只保留一级导航-->
				<li>
					<a href="" class="article-btn-m">学校首页</a>
				</li>
				<li>
					<a href="" class="article-btn-m">学院概况</a>
				</li>
				<li>
					<a href="" class="article-btn-m">机构设置</a>
				</li>
				<li>
					<a href="" class="article-btn-m">师资队伍</a>
				</li>
				<li>
					<a href="" class="article-btn-m">学科建设</a>
				</li>
				<li>
					<a href="" class="article-btn-m">团学工作</a>
				</li>
				<li>
					<a href="" class="article-btn-m">党群工作</a>
				</li>
				<li>
					<a href="" class="article-btn-m">安全管理</a>
				</li>
				<li>
					<a href="" class="article-btn-m">院企合作</a>
				</li>
				<li>
					<a href="" class="article-btn-m">校友天地</a>
				</li>
			</ul>
			<label>
				<a href="home.html">
					<img src="img/logo-chemical.png" style="height: 30px;"/>
				</a>
				<a href="#back-top" title="返回顶部"><i class="iconfont">&#xe666;</i></a>
				<a href="javascript:label_show();"><i class="iconfont">&#xe608;</i></a>
			</label>
			<section>

				<div class="main-top" id="back-top"></div>
				<div class="section-lock"></div>
				<!--<div class="main-head-top">
						<div class="main-center-container clearfix">
								<div class="main-head-top-mail">
									<img src="img/main-head-top-mail.jpg"/>
									<a href="">教工信箱</a>
								</div>
								<div class="main-head-top-mail">
									<img src="img/main-head-top-mail.jpg"/>
									<a href="" >学生信箱</a>
								</div>
								<a href="http://www2017.tyut.edu.cn/"  class="main-head-top-right">English</a>
								<a href="http://www2017.tyut.edu.cn/"  class="main-head-top-right">|</a>
								<a href="http://www2017.tyut.edu.cn/"  class="main-head-top-right">学校首页</a>
						</div>		
					</div>-->
				<div class="main-head">
					<div class="main-center-container clearfix">
						<a href="home.html">
							<img src="img/logo-chemical.png" class="logo-chemical" />
						</a>
					</div>
				</div>

				<div class="main-nav">
					<div id="menu-wrap">
						<ul id="menu">
							<li>
								<a href="" target="_blank">学院首页</a>
							</li>
							<li>
								<a href="">学院概况</a>
								<ul>
									<li>
										<a href="">学院简介</a>
									</li>
									<li>
										<a href="">现任领导</a>
									</li>
									<li>
										<a href="">历史沿革</a>
									</li>
									<li>
										<a href="">办公导引</a>
									</li>
									<li>
										<a href="">美丽校园</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="">机构设置</a>
								<ul>
									<li>
										<a href="">化学工程系</a>
									</li>
									<li>
										<a href="">生物与制药工程系</a>
									</li>
									<li>
										<a href="">应用化学系</a>
									</li>
									<li>
										<a href="">过程装备与控制工程系</a>
									</li>
									<li>
										<a href="">基础化学部</a>
									</li>
									<li>
										<a href="">基础化学实验中心</a>
									</li>
									<li>
										<a href="">精细化工研究所</a>
									</li>
									<li>
										<a href="">化工基础实验中心</a>
									</li>
									<li>
										<a href="">能源化工与催化研究中心</a>
									</li>
									<li>
										<a href="">洁净化工研究所</a>
									</li>
									<li>
										<a href="">技术转化与成果推广中心</a>
									</li>
									<li>
										<a href="">党务行政办公室</a>
									</li>
									<li>
										<a href="">教学科研办公室</a>
									</li>
									<li>
										<a href="">学生工作办公室</a>
									</li>
									<li>
										<a href="">院委会</a>
									</li>
									<li>
										<a href="">院工会</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="">师资队伍</a>
								<ul>
									<li>
										<a href="">教师名录</a>
									</li>
									<li>
										<a href="">高层次人才</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="">学科建设</a>
							</li>
							<li>
								<a href="">团学工作</a>
								<ul>
									<li>
										<a href="">学工办</a>
									</li>
									<li>
										<a href="">团委</a>
									</li>
									<li>
										<a href="">学生会</a>
									</li>
									<li>
										<a href="">辅导员</a>
									</li>
									<li>
										<a href="">社团</a>
									</li>
									<li>
										<a href="">志愿者</a>
									</li>
									<li>
										<a href="">社会实践</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="">党群工作</a>
								<ul>
									<li>
										<a href="">党建工作</a>
									</li>
									<li>
										<a href="">工会工作</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="">安全管理</a>
								<ul>
									<li>
										<a href="">安全规章制度</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="">院企合作</a>
								<ul>
									<li>
										<a href="">实习基地</a>
									</li>
									<li>
										<a href="">横向项目</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="">校友天地</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- main-nav END -->

				<div class="main-banner">
					<img src="img/main-banner.png" />
				</div>
				<!-- main-banner END -->

				<div class="main-article">
					<div class="main-center-container clearfix">
						<div class="main-article-nav">
							<div class="main-article-nav-title">
								师资队伍
							</div>
							<ul class="dropdown">
								<li>
									<a href="#">教师名录<span>&or;</span></a>
									<ul>
										<li>
											<a href="#">化学工程系</a>
										</li>
										<li>
											<a href="#">生物与制药工程系</a>
										</li>
										<li>
											<a href="#">应用化学系</a>
										</li>
										<li>
											<a href="#">过程装备与控制工程系</a>
										</li>
										<li>
											<a href="#">基础化学部</a>
										</li>
										<li>
											<a href="#">精细化工研究所</a>
										</li>
										<li>
											<a href="#">学院机关</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#">Menu2<span>&or;</span></a>
									<ul>
										<li>
											<a href="#">Submenu 2</a>
										</li>
										<li>
											<a href="#">Submenu 2</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#">Menu3<span>&or;</span></a>
									<ul>
										<li>
											<a href="#">Submenu 3</a>
										</li>
										<li>
											<a href="#">Submenu 3</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- main-article-nav END -->

						<div class="main-article-detail">

							<div class="main-article-navbar">
								<a href="">首页</a>》
								<a href="">文章列表</a>》
							</div>
							<!-- main-article-navbar END -->

							<div class="main-list">

								<a href="" class="main-list-item clearfix">
									<div class="main-list-item-left">
										<p>88</p>
										<p>8888.88</p>
									</div>
									<div class="main-list-item-right">
										<p>这个是新闻的标题</p>
										<p>校园里，全校师生带着热切关注的目光，通过网络、手机、电视、报纸等渠道时刻关注两会动态。追踪热点，交流学习，校园迅速汇聚成为舆论的“强磁场”。校园迅速汇聚成为舆论的“强磁场”。</p>
									</div>
								</a>
								<!-- main-list-item END -->

								<a href="" class="main-list-item clearfix">
									<div class="main-list-item-left">
										<p>88</p>
										<p>8888.88</p>
									</div>
									<div class="main-list-item-right">
										<p>这个是新闻的标题</p>
										<p>校园里，全校师生带着热切关注的目光，通过网络、手机、电视、报纸等渠道时刻关注两会动态。追踪热点，交流学习，校园迅速汇聚成为舆论的“强磁场”。校园迅速汇聚成为舆论的“强磁场”。</p>
									</div>
								</a>
								<!-- main-list-item END -->
								<a href="" class="main-list-item clearfix">
									<div class="main-list-item-left">
										<p>88</p>
										<p>8888.88</p>
									</div>
									<div class="main-list-item-right">
										<p>这个是新闻的标题</p>
										<p>校园里，全校师生带着热切关注的目光，通过网络、手机、电视、报纸等渠道时刻关注两会动态。追踪热点，交流学习，校园迅速汇聚成为舆论的“强磁场”。校园迅速汇聚成为舆论的“强磁场”。</p>
									</div>
								</a>
								<!-- main-list-item END -->

							</div>
							<!-- main-list END -->
							
							
							<div class="main-list-nav">
									
									<a href="">	&#60;</a>
									<a href="">1</a>
									<a href="">...</a>
									<a href="">&#62;</a>
									
							</div>
							<!-- main-list-nav END -->

						</div>
						<!-- main-article-detail END -->
					</div>
					<!-- main-center-container END -->
				</div>
				<!-- main-article END -->

				<div class="main-foot">
					<div class="main-center-container">
						<p>太原理工大学化学化工学院　版权所有 </p>
						<p>Copyright© 2010-2018 http://ccet.tyut.edu.cn, All Rights Reserved. </p>
						<p>友情链接：
							<a href="http://www.moe.gov.cn/" target="_blank">中华人民共和国教育部</a>
							<a href="http://www.sxedu.gov.cn/" target="_blank">山西省教育厅</a>
							<a href="http://www.chinaedu.edu.cn/" target="_blank">中国教育信息网</a>
							<a href="http://www2017.tyut.edu.cn/" target="_blank">太原理工大学</a>
							<a href="http://cds.tyut.edu.cn" target="_blank">大数据学院</a>
						</p>
					</div>
				</div>

			</section>
		</div>

		<!--jquery-->
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>

		<!-- ie78_getClassName -->
		<script src="js/ie78_getClassName.js" type="text/javascript" charset="utf-8"></script>

		<!--移动端侧滑栏-->
		<script src="js/main-mobile-sideBar.js" type="text/javascript" charset="utf-8"></script>

		<!--响应式导航栏及置顶-->
		<script type="text/javascript" src="js/main-nav.js"></script>

		<!--文章页左侧手风琴导航-->
		<script src="js/tendina.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main-article-nav.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>